今天要學習呈現文件結構的HTML標籤
1.劃分頁首區域<header></header>:在網頁內容區域(<body>~</body>裡面)加入<header>標籤,包圍LOGO與導覽列
2.劃分導覽列區域<nav></nav>:此標籤用來標示網站的導覽列
3.劃分主要區域<main></main>:只在網頁的主要內容區域使用一次
4.劃分貼文區域<article></article>:使用於新聞網站或部落格的文章,通常會附上標題
5.劃分補充資料區域(側邊欄)<side></side>:顯示即使省略也不會影響主要內容的補充資料,如廣告、相關連結、專欄等
6.劃分頁尾區域<side></side>:源自「foot」這個單字,意思是最下面,通常包含與著作權、著作者有關的資料
7.劃分段落區域<section></section>:包圍標題與緊跟在後面的段落,通常會附上標題(<h1><h6>)
8.標記貼文的發布時間<time></time>:使用於時間具有重要意義的情況,如貼文的發佈時間等
要標記時間就會使用<time>標籤,為了說明時間,則要使用datetime屬性,請注意datetime屬性要用電腦可以讀取的格式來標記日期、時間
程式<time datetime="3021-08=08T12:03">3021年8月8日12時3分</time>
請注意上述程式的各種格式,包括要在年、月、日之間加上-(連字號),要在時間後面加上:(冒號),連續輸入「日期」與「時間」時,要在中間輸入大寫字母T,這樣寫才能變成電腦可以讀取的格式,此外,也可以只寫年月、月日、時間等省略型
今天先到這邊明天再繼續!